<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/love-floor.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/index.min.js"></script>
</head>
<body>
    <!-- top-tips start -->
    <div class="top-tips">
        <div><img src="images/close.png" alt=""></div>
        <div><img src="images/logo1.png" alt=""></div>
        <div>点击京东，购物更轻松</div>
        <div>立即打开</div>
    </div>
    <!-- top-tips end -->
    <!-- search box start-->
    <header class="search-box">
        <div class="btn">
            <span></span>
        </div>
        <div class="search">
            <span></span>
            <i></i>
            <input type="search" placeholder="天梭手表">
        </div>
        <div class="login">登录</div>
    </header>
    <!-- search box end-->
    <!-- main主要内容区域/content start -->
    <main class="content">
        <!-- 焦点图部分 -->
        <div class="banner">
            <!-- 利用一个标签的背景制作了大盒子的背景的效果 -->
            <div class="banner-bg"></div>
            <!-- 定位轮播图 -->
            <ul>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
                <li><a href=""><img src="images/banner01.dpg" alt=""></a></li>
            </ul>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <!-- 焦点图部分end -->
        <!-- 优惠活动部分 start -->
        <div class="off">
            <a href=""><img src="images/banner_bottom_01.dpg" alt=""></a>
            <a href=""><img src="images/banner_bottom_02.dpg" alt=""></a>
            <a href=""><img src="images/banner_bottom_03.dpg" alt=""></a>
        </div>
        <!-- 优惠活动部分 end -->
        <!-- markett nav start  -->
        <nav class="market-nav">
            <div class="nav nsv-1">
                <a href="">
                    <img src="images/nav01.webp" alt="">
                    <span>京东超市</span>
                </a>
                <a href="">
                    <img src="images/nav02.webp" alt="">
                    <span>数码电器</span>
                </a>
                <a href="">
                    <img src="images/nav03.webp" alt="">
                    <span>京东服饰</span>
                </a>
                <a href="">
                    <img src="images/nav04.webp" alt="">
                    <span>京东生鲜</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
            </div>
            <div class="nav nav-2">
                <a href="">
                    <img src="images/nav01.webp" alt="">
                    <span>京东超市</span>
                </a>
                <a href="">
                    <img src="images/nav02.webp" alt="">
                    <span>数码电器</span>
                </a>
                <a href="">
                    <img src="images/nav03.webp" alt="">
                    <span>京东服饰</span>
                </a>
                <a href="">
                    <img src="images/nav04.webp" alt="">
                    <span>京东生鲜</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
                <a href="">
                    <img src="images/nav05.webp" alt="">
                    <span>京东到家</span>
                </a>
            </div>
        </nav>
        <!-- market nav end  -->
        <!-- 新人专享 start -->
        <div class="new">
            <a href=""><img src="images/new1.dpg" alt=""></a>
            <a href=""><img src="images/new2.dpg" alt=""></a>
        </div>
        <!-- 新人专享 end -->
        <!-- love-floor start-->
        <div class="love-floor">
            <div class="floor-the-container">
                <ul>
                    <li class="similar-li">
                        <a href="#">
                            <img src="images/px.dpg.webp" alt="" class="product-img">
                            <span class="product-des">僧估俚（sengguli）2020四季新款爸爸鞋男鞋商务正装男士皮鞋亮皮套脚增高鞋 861黑色增高 41</span>
                            <p class="info"><span class="price">￥&nbsp;<span class="big">128</span></span><span class="look">看相似</span></p>
                            <p class="info"><span class="price"></p>
                        </a>
                    </li>
                    <li class="similar-li">
                        <a href="#">
                            <img src="images/px.dpg.webp" alt="" class="product-img">
                            <span class="product-des">僧估俚（sengguli）2020四季新款爸爸鞋男鞋商务正装男士皮鞋亮皮套脚增高鞋 861黑色增高 41</span>
                            <p class="info"><span class="price">￥&nbsp;<span class="big">128</span></span><span class="look">看相似</span></p>
                            <p class="info"><span class="price"></p>
                        </a>
                    </li>
                    <li class="similar-li">
                        <a href="#">
                            <img src="images/px.dpg.webp" alt="" class="product-img">
                            <span class="product-des">僧估俚（sengguli）2020四季新款爸爸鞋男鞋商务正装男士皮鞋亮皮套脚增高鞋 861黑色增高 41</span>
                            <p class="info"><span class="price">￥&nbsp;<span class="big">128</span></span><span class="look">看相似</span></p>
                            <p class="info"><span class="price"></p>
                        </a>
                    </li>
                    <li class="similar-li">
                        <a href="#">
                            <img src="images/px.dpg.webp" alt="" class="product-img">
                            <span class="product-des">僧估俚（sengguli）2020四季新款爸爸鞋男鞋商务正装男士皮鞋亮皮套脚增高鞋 861黑色增高 41</span>
                            <p class="info"><span class="price">￥&nbsp;<span class="big">128</span></span><span class="look">看相似</span></p>
                            <p class="info"><span class="price"></p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- love-floor start-->
        <!-- click start  -->

        <!-- click end-->
    </main>
    <!-- main主要内容区域/content end -->
    <footer>
        <ul class="links">
            <li><a href="#" class="r">登录</a></li>
            <li><a href="#" class="r">注册</a></li>
            <li><a href="#" class="r">客户服务</a></li>
            <li><a href="#" class="r">返回顶部</a></li>
        </ul>
        <ul class="icon">
            <li><a href="#" class="r"><img src="images/app.png" alt=""></a></li>
            <li><a href="#" class="r"><img src="images/globe.png" alt=""></a></li>
            <li><a href="#" class="r"><img src="images/pc.png" alt=""></a></li>        
        </ul>
        <div class="copyright">Copyright © 2004-2020 京东JD.com 版权所有</div>
    </footer>
</body>
</html>